<template>
	<!-- 产品图片box -->
	<view class="goods-img">
		<minMaxClose @min="min" @reduct="reduct" @close="close"></minMaxClose>
		<view class="images">
			<image src="../../static/temp/222.jpg" mode="scaleToFill"></image>
			<view class="customers">
				<view class="c-a">
					{{"张老板"}}
					<text class="c-a-pl">{{"小小丽人生会所养生"}}</text>
				</view>
				<view class="c-b">{{"13800138000"}}</view>
			</view>
		</view>
		<view class="info-more">
			<view class="more-icon" @click="onInfoMore">
				<image src="../../static/images/c-more.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import cmd from "../../js/Cmd.js";
	import lang from "../../js/conf/Lang.js";
	import minMaxClose from "../min-max-close.vue";
	export default {
		components : { minMaxClose },
		data() {
			return {
				// goodsImg:staticConst.GOOD_IMG,
			};
		},
		methods:{
			onInfoMore()
			{
				console.log("click info more!!!");
				this.$emit("showCustmInfo",true);
			},
			/**最小化***/
			min()
			{
				cmd.external(cmd.CMD_MIN);	
			},
			
			/**还原***/	
			reduct()
			{
				cmd.external(cmd.CMD_REDUCT);	
			},
			
			/**关闭***/	
			close()
			{
				lang.exit(callback);
				function callback(res)
				{
					if(res && res.confirm)
					{
						cmd.external(cmd.CMD_EXIT);
					}
				}
			}
		}
	}
</script>

<style lang="scss">
	// 产品图片-box
	.goods-img
	{
		width: 100%;
		height: 110px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #EEE;
		.images
		{
			display: flex;
			align-items: center;
			padding: 20px;
			image
			{
				margin-right: 10px;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				overflow: hidden;
			}
			.customers
			{
				.c-a
				{
					font-size: 16px;
					color: #333;
					.c-a-pl
					{
						padding-left: 10px;
					}
				}
				.c-b
				{
					color: #999;
				}
			}
		}
		.info-more
		{
			padding-right: 20px;
			display: flex;
			.more-icon
			{
				width: 24px;
				height: 24px;
				cursor: pointer;
				padding: 0 10px;
				image
				{
					width: 100%;
					height: 100%;
				}
				
			}
		}
	}
</style>
